<!DOCTYPE HTML>
<html>
<head>
	<include file="Public/head"/>
    <script src="__STATIC__/ueditor/dialogs/internal.js"></script>
    <style type="text/css">
    	.style_list{ box-shadow:0 0 3px #ccc inset; background:#fff}
		.style_list .tabs{ height:40px; border-bottom:1px solid #ddd;}
		.style_list .tabs a{ line-height:40px; padding:0 15px; float:left; color:#444; border-right:1px solid #ddd;}
		.style_list .tabs a.current{ background:#3C0; color:#fff;}
		.style_wrap{ margin:15px auto; width:500px;}
		#styleList li{ padding:10px 0; cursor:pointer;border:3px solid #fff}
		
    </style>
</head>
<body>
	<div class="style_list">
    	<div class="tabs">
        	<volist name="group_list" id="vo">
        		<a class="{$vo.class}" href="{:addons_url('EditorForAdmin://Style/get_article_style',array('group_id'=>$vo[id]))}">{$vo.group_name}</a>
            </volist>
        </div>
        <div class="style_wrap">
        	<ul id="styleList">
            	<volist name="list[list_data]" id="vo">
                	<li>{$vo.style}</li>
                </volist>
            </ul>
        </div>
        
        <div id="pagelist">{$list._page}</div>
    </div>
	
</body>
<script type="text/javascript">
$('#styleList li').click(function(){
	 editor.execCommand("inserthtml", $(this).html());
	 dialog.close();
})
</script>
</html>

